<template>
  <ul class="tab-box clearfix">
	<template v-for="(item, index) in options">
		<!-- 消息气泡 -->
		<el-badge :value="options[index].totalNum" :max="99" class="item" :hidden="options[index].totalNum == 0">
			<li :key="index" :class="{ active: item.val === type }" @click="handleClick(item)">{{item.tablename}}
			</li>
		</el-badge>
	</template>
  </ul>
</template>

<script src="./index.js"></script>
<style>
	.tab-box .el-badge__content.is-fixed{
		top: 2px;right: 17px;
	}
</style>
<style scoped src="./index.css"></style>


